<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <title>茶百道</title>
    <link rel="icon" href="./imgs/start_icon.png" type="image/x-icon">
    <link rel="stylesheet" href="./index.css" />
    <script type="text/javascript">
      //密钥
      window._AMapSecurityConfig = {
        securityJsCode: "716a96e4c00cfc91d548d6a08c255e10",
      };
    </script>
    <link
      rel="stylesheet"
      href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"
    />
    <script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
    <!-- key -->
    <script
      type="text/javascript"
      src="https://webapi.amap.com/maps?v=2.0&key=1e1672118b7e8a6c2d1f70a572ab8db9&plugin=AMap.Driving"
    ></script>
  </head>
  <body>
    <!-- 地图容器 -->
    <div id="container"></div>
    <!-- 底部物流信息盒子 -->
    <div class="infoBox">
      <div class="logistics-info">
        <h2>物流信息</h2>
        <div class="logistics-details">
          <p><span>发货地：</span>上海</p>
          <p><span>当前位置：</span>杭州中转站</p>
          <p><span>运输状态：</span>运输中</p>
          <p><span>预计到达时间：</span>2023-10-20</p>
          <p><span>物流单号：</span>123456789</p>
          <p><span>快递公司：</span>XX 快递</p>
        </div>
      </div>
      <div class="logistics-info">
        <h2>物流信息</h2>
        <div class="logistics-details">
          <p><span>发货地：</span>上海</p>
          <p><span>当前位置：</span>杭州中转站</p>
          <p><span>运输状态：</span>运输中</p>
          <p><span>预计到达时间：</span>2023-10-20</p>
          <p><span>物流单号：</span>123456789</p>
          <p><span>快递公司：</span>XX 快递</p>
        </div>
      </div>
      <div class="logistics-info">
        <h2>物流信息</h2>
        <div class="logistics-details">
          <p><span>发货地：</span>上海</p>
          <p><span>当前位置：</span>杭州中转站</p>
          <p><span>运输状态：</span>运输中</p>
          <p><span>预计到达时间：</span>2023-10-20</p>
          <p><span>物流单号：</span>123456789</p>
          <p><span>快递公司：</span>XX 快递</p>
        </div>
      </div>
    </div>

    <script type="text/javascript" src="./index.js"></script>
  </body>
</html>
